<!DOCTYPE html>
<html lang="en">
<head>
    <title id="title">签到记录器</title>
    <meta content="mooshroom" name="Description">
    <meta content="碳素云" name="Keywords">
    <meta charset="UTF-8">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--坑爹的将360默认为极速模式打开-->
    <meta name="renderer" content="webkit">
    <!--移动优先-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <!--//不缓存-->
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">


    <!--avalon-->
    <script src="./src/js/avalon.modern.1.5.min.js"></script>

    <!--浏览器版本判断-->
    <script src="./plugins/browser/browser.js"></script>
    <link rel="shortcut icon" href="src/images/logo16×16.png">
    <script>
        //浏览器判断验证
        (function () {
            try {
                console.log(browser)
            }
            catch (err) {
            }

            if (browser.webkit) {
                return
            }
            if (browser.ie) {
                if (browser.version < 10) {
//                    跳转版本错误提示页面
                    window.location.href = './err.html'
                }
            }
        })()

    </script>
    <!--图标引入-->
    <!--bootstrap引入-->
    <link href="./src/css/layout.css" rel="stylesheet">
    <!--已合并到layout中-->
    <link href="./src/css/bootstrap-all.css" rel="stylesheet" type="text/css"/>

    <!--fontAwesone 引入-->
    <link href="./src/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>

    <!--本地CSS-->
    <link href="./src/css/local.css" rel="stylesheet">
    <style>
        [ms-controller] {
            visibility: hidden
        }
    </style>
</head>
<body ms-controller="index">

<div class="container">
    <br>
    <div class="row">
        <div class="col-xs-4">
            <h1>
                签到记录器&nbsp;
                <!--<button>导入</button>-->
                <!--<button>导出</button>-->
            </h1>
        </div>
        <div class="col-xs-4">
            选择本地文件导入
            <input type="file" class="form-control" id="file" />
        </div>
        <div class="col-xs-2">
            <br>
            <button class="btn btn-default btn-block" ms-on-click="loadFile">导入</button>
        </div>
        <div class="col-xs-2">
            <br>
            <a ms-attr-download="{{setDate}}百日诵读打卡记录.json" ms-attr-href="file" ms-on-mouseenter="save" class="btn btn-success btn-block ">保存到本地</a>
        </div>
    </div>

    <div class="row">


        <div class="col-xs-6 ">
            <input type="text" class="input-lg form-control" id="keywordInput" ms-duplex="keyword" placeholder="输入拼音缩写查询">
        </div>
        <div class="col-xs-2">
            <button class="btn btn-primary btn-lg btn-block" ms-click="resetKeyword">清除</button>
        </div>
        <div class="col-xs-4">

            <tsy:datepicker config="$datePickerOPT">
                <input slot="input" type="text" class="form-control input-lg" ms-duplex="setDate" placeholder="选择日期">
            </tsy:datepicker>

        </div>
    </div>
    <div class="row">
        <div class="col-xs-12" ms-repeat="resList">
            <div class="name-list-item">
                <div class="row">
                    <div class="col-xs-3">
                        {{el.name}} <small style="color:#dddddd">{{el.school}}</small><br>
                        <button class="btn btn-sm btn-success" ms-click="record($index)">{{setDate}} 打卡</button>
                    </div>
                    <div class="col-xs-9">
                        <div ms-repeat-al="el.record" class="point" ms-class="fill:al!=''">
                            <div class="date-tooltip" ms-if="al>0">
                                {{al|date('yyyy-MM-dd')}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <br>
    <br>
    <br>
    <br>
</div>

<script src="plugins/cache/cache.js"></script>
<script src="plugins/call/call.mobile.v2.js"></script>
<script src="index.js"></script>
</body>
</html>